<template>
	<view>
		<z-paging ref="paging" v-model="goodsList" @query="getGoodsList" :empty-view-fixed="false" :auto="false" :default-page-size="limit">
			<view slot="top">
				<v-tabs
					color="#999"
					activeColor="#000"
					lineHeight="6rpx"
					lineColor="#000"
					lineRadius="12rpx"
					:lineScale="0.3"
					v-model="current"
					:tabs="tabs"
					@change="changeTab"
					field="name"
				></v-tabs>
			</view>

			<view class="goods-list-view flex-row">
				<view class="goods-item" v-for="(item, index) in goodsList" :key="index" @click="onDetail(item)">
					<image :src="item.img" mode="aspectFill"></image>
					<view class="goods-name ellipsis">{{ item.name }}</view>
					<view class="goods-sign-view flex-row-center">
						<view class="goods-sign-item">正品保障</view>
						<view class="goods-sign-item sign-chaoshi">超时赔付</view>
					</view>
					<view class="goods-price-view flex-row-between">
						<view class="goods-price flex-center">
							￥
							<text>{{ item.price }}</text>
						</view>
						<view class="goumai">{{ item.buynum }}人已购买</view>
					</view>
				</view>
			</view>
		</z-paging>
	</view>
</template>

<script src="./brand.js"></script>

<style lang="scss">
@import '@/style/common.scss';
@import '../shop/shop.scss';
@import './brand.scss';
</style>
